#display {
  border: 1px solid red;
  width: 200px;
  height: 200px;
}

/* 单元格基础样式：避免 inline-block 的间距问题，采用 float */
.cell {
  float: left;
  width: 20px;
  height: 20px;
  background-color: #ccc;
  box-sizing: border-box;
  border: 1px solid #aaa;
}

/* 单元格样式 - 蛇 和 食物 */
.S {
  background-color:green;
}
.F {
  /* background-color: yellow; */
}
.F::before {
  content: '🍰'
}